<div id="profile" class="content-div profile-view" transition="fade">
  <div class="empty-div"></div>
	<div class="profile">
    <div class="header">
      <i class="icon MS-icon-user-tie"></i>
      <span>个人中心</span>
    </div>
    <div class="body clearfix">
      <div class="left-info">
        <img class="avatar" :src="user.avatar"/>
        <div class="message icon MS-icon-pen"
          @click="modify.messageShow=!modify.messageShow"
          v-text="user.message"></div>
        <textarea class="message"
          @keyup.enter="modifySubmit('message')"
          v-model="modify.message"
          :class="{show:modify.messageShow}"></textarea>
        <i class="icon MS-icon-check"
          @click="modifySubmit('message')"
          :class="{show:modify.messageShow}"></i>
        <i class="icon MS-icon-close"
         @click="modifySubmit('message')"
         :class="{show:modify.messageShow}"></i>
      </div>
      <div class="right-info">
        <div class="userName icon MS-icon-user2"
          @click="modify.userNameShow=!modify.userNameShow"
          v-text="user.userName"></div>
        <i class="icon MS-icon-check"
          @click="modifySubmit('userName')"
          :class="{show:modify.userNameShow}"></i>
        <input class="input userName"
          :class="{show:modify.userNameShow}"
          type="text"
          @keyup.enter="modifySubmit('userName')"
          v-model="modify.userName"
          :placeholder="user.userName"/>

        <div class="lastLogin icon MS-icon-alarm2"
          v-text="user.lastLoginTime|toThisDay 'm' | plus '登录'"></div>

        <div class="telphone icon MS-icon-phone2"
          @click="modify.telphoneShow=!modify.telphoneShow"
          v-text="user.telphone"></div>
        <i class="icon MS-icon-check"
          @click="modifySubmit('telphone')"
         :class="{show:modify.telphoneShow}"></i>
        <input class="input telphone"
         :class="{show:modify.telphoneShow}"
          type="text"
          @keyup.enter="modifySubmit('telphone')"
          v-model="modify.telphone"
          :placeholder="user.telphone"/>

        <div class="qq icon MS-icon-qq"
          @click="modify.qqShow=!modify.qqShow"
          v-text="user.qq"></div>
        <i class="icon MS-icon-check"
          @click="modifySubmit('qq')"
          :class="{show:modify.qqShow}"></i>
        <input class="input qq"
          :class="{show:modify.qqShow}"
          type="text"
          @keyup.enter="modifySubmit('qq')"
          v-model="modify.qq"
          :placeholder="user.qq"/>
      </div>
      <!-- <div class="profile-btn" @click="submit">保存</div> -->
    </div>
  </div>
</div>